<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book Shopping</title>
	<script src="js/jquery-1.4min.js" type="text/javascript"></script>
    <script src="js/menu.js" type="text/javascript"></script>
    <script src="js/jquery.lightbox.js" type="text/javascript"></script>
	
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/menu.css"/>
    <link rel="stylesheet" type="text/css" href="css/lightbox.css"/>
    	<script>
		$(document).ready(function(){
			$(".lightbox").lightbox();
		});
		
	</script>
</head>

<body>
<div class="body">
	<div id="top">
    	<div class="site" style="position:relative;">
        	www.zend.vn
        </div>
    </div>
    
    <div id="banner">
    	<div class="logo">
        	<a href="#"><img src="images/logo.png" /></a>
        </div>
        <div class="clr"></div>
    </div>

	<div id="menu">
   	  <div class="line-1">
        	<ul class="menu-top">
            	<li class="active">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Home</span>
                        <span class="menuTR"> </span>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">About Us</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Products</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">News</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Contact</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="line-2"></div>
    </div>
    <div id="main-content">
    	<div class="frame">
        	
        	<div id="left">
            	<div id="block">
                	<div class="header-orange">
                    	<div class="icon"></div>
                        <div class="title">VIDEO CLIP</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
                     	<img src="images/player.jpg" />
                     </div>
                </div>
                <div id="block">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title">CATEGORIES</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
						<div id="menu-vertical">
                     	<ul>
                        <li>
                            <a href="#">Máy tính & Internet</a>
                            <ul>
                                <li>
                                    <a href="#">Lập trình</a>
                                    <ul>
                                        <li><a href="#">PHP</a></li>
                                        <li><a href="#">ASP</a></li>
                                        <li><a href="#">C#</a></li>
                                        <li><a href="#">Java</a></li>
                                        <li><a href="#">Visual Basic</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Phần mềm</a>
                                    <ul>
                                        <li><a href="#">Window</a></li>
                                        <li><a href="#">Adobe</a></li>
                                        <li><a href="#">Apple</a></li>
                                        <li><a href="#">Linux</a></li>
                                        <li><a href="#">Opensource</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Khoa học Máy tính</a></li>
                                <li><a href="#">Phát triển Web</a></li>
                                <li><a href="#">Thiết kế đồ họa</a></li>
                                <li><a href="#">Mạng</a></li>
                                <li><a href="#">Bảo mật và mã hóa</a></li>
                                <li><a href="#">Phần cứng</a></li>
                                <li><a href="#">Viễn thông</a></li>
                                <li><a href="#">Microsoft</a></li>
                                <li><a href="#">Cơ sở dữ liệu</a></li>
                            </ul>
                    
                        </li>
                        <li>
                            <a href="#">Kinh doanh & Đầu tư</a>
                            <ul>
                                <li><a href="#">Tiếp thị & Bán hàng</a></li>
                                <li><a href="#">Doanh nghiệp</a></li>
                                <li><a href="#">Kế toán</a></li>
                                <li><a href="#">Chuyên ngành</a></li>
                                <li><a href="#">Quản lý và Lãnh đạo</a></li>
                                <li><a href="#">Kỹ năng</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Chuyên nghành và kỹ thuật</a>
                            <ul>
                                <li><a href="#">Quản lý kinh doanh</a></li>
                                <li><a href="#">Kế toán & Tài chính</a></li>
                                <li><a href="#">Kỹ thuật</a></li>
                                <li><a href="#">Giáo dục</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Khoa học & Ngoại ngữ</a>
                            <ul>
                                <li><a href="#">Ngoại ngữ</a></li>
                                <li><a href="#">Khoa học xã hội</a></li>
                                <li><a href="#">Giáo dục</a></li>
                                <li><a href="#">Viễn tưởng</a></li>
                                <li><a href="#">Nghiên cứu</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Y tế, Tâm thức và cơ thể</a></li>
                        <li><a href="#">Truyện tranh</a></li>
                        <li><a href="#">Gia đình & con cái </a></li>                           
                    </ul>
					</div>
                     </div>
                </div>
            </div>
            <div id="center">
	            <div id="block-center" style="position: relative;">
                	<img src="images/banner.jpg" />
                </div>
                <div id="block-center" style="position: relative;">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title"> YOUR CART</div>
                        <div class="clr"></div>
                  </div>
                     <div class="block-content-1">
                     	<form name="your-cart" id="your-cart" action="">
                     	<div id="cartDetail">
                       
                        	<div class="cartDetail-header">
                            	<div class="col-th" style="width: 30px;">ID</div>
                                <div class="col-th" style="width: 195px;">Book title</div>
                                <div class="col-th"  style="width: 60px;">Quantity</div>
                                <div class="col-th"  style="width: 60px;">Price</div>
                                <div class="col-th"  style="width: 60px;">Selloff</div>
                                <div class="col-th"  style="width: 70px;">Total</div>
                                <div class="clr"></div>
                            </div>
              <div class="cartDetail-row">
                            	<div class="col-row" style="width: 30px;">1</div>
                                <div class="col-row" style="width: 195px;  text-align: left;">
  <a href="#" class="itemLink">Zend Framework: The Official Programmer's Reference Guide</a></div>
                                <div class="col-row"  style="width: 60px;">
                                	<input name="itemProduct" type="text" id="itemProduct" 
                                    			style="width: 35px; text-align: center; font-size: 11px; background-color:#FFC;" value="1"/>
                  </div>
                                <div class="col-row"  style="width: 60px;">$200</div>
                                <div class="col-row"  style="width: 60px;">$100</div>
                                <div class="col-row"  style="width: 70px;">$128</div>
                                <div class="clr"></div>
                            </div>
                             <div class="cartDetail-row">
                            	<div class="col-row" style="width: 30px;">2</div>
                                <div class="col-row" style="width: 195px;  text-align: left;">
                                <a href="#" class="itemLink">Murach's PHP and MySQL</a>
                                </div>
                                <div class="col-row"  style="width: 60px;">
                                	<input name="itemProduct" type="text" id="itemProduct" 
                                    			style="width: 35px; text-align: center; font-size: 11px; background-color:#FFC;" value="1"/>
                                </div>
                                <div class="col-row"  style="width: 60px;">$200</div>
                                <div class="col-row"  style="width: 60px;">$100</div>
                                <div class="col-row"  style="width: 70px;">$128</div>
                                <div class="clr"></div>
                            </div>
                             <div class="cartDetail-row">
                            	<div class="col-row" style="width: 30px;">3</div>
                                <div class="col-row" style="width: 195px;  text-align: left;">
                                <a href="#" class="itemLink">Programming PHP</a>
                                </div>
                                <div class="col-row"  style="width: 60px;">
                                	<input name="itemProduct" type="text" id="itemProduct" 
                                    			style="width: 35px; text-align: center; font-size: 11px; background-color:#FFC;" value="1"/>
                                </div>
                                <div class="col-row"  style="width: 60px;">$200</div>
                                <div class="col-row"  style="width: 60px;">$100</div>
                                <div class="col-row"  style="width: 70px;">$128</div>
                                <div class="clr"></div>
                            </div>
                             <div class="cartDetail-row">
                            	<div class="col-row" style="width: 30px;">4</div>
                                <div class="col-row" style="width: 195px;  text-align: left;">
                                <a href="#" class="itemLink">Zend Framework: The Official Programmer's Reference Guide</a>
                                </div>
                                <div class="col-row"  style="width: 60px;">
                                	<input name="itemProduct" type="text" id="itemProduct" 
                                    			style="width: 35px; text-align: center; font-size: 11px; background-color:#FFC;" value="1"/>
                                </div>
                                <div class="col-row"  style="width: 60px;">$200</div>
                                <div class="col-row"  style="width: 60px;">$100</div>
                                <div class="col-row"  style="width: 70px;">$128</div>
                                <div class="clr"></div>
                            </div>
                             <div class="cartDetail-row">
                            	<div class="col-row" style="width: 30px;">5</div>
                                <div class="col-row" style="width: 195px;  text-align: left;">
                                <a href="#" class="itemLink">Zend Framework: The Official Programmer's Reference Guide</a>
                                </div>
                                <div class="col-row"  style="width: 60px;">
                                	<input name="itemProduct" type="text" id="itemProduct" 
                                    			style="width: 35px; text-align: center; font-size: 11px; background-color:#FFC;" value="1"/>
                                </div>
                                <div class="col-row"  style="width: 60px;">$200</div>
                                <div class="col-row"  style="width: 60px;">$100</div>
                                <div class="col-row"  style="width: 70px;">$128</div>
                                <div class="clr"></div>
                            </div>
                             <div class="cartDetail-row">
                            	<div class="col-row" style="width: 30px;">6</div>
                                <div class="col-row" style="width: 195px;  text-align: left;">
                                <a href="#" class="itemLink">Zend Framework: The Official Programmer's Reference Guide</a>
                                </div>
                                <div class="col-row"  style="width: 60px;">
                                	<input name="itemProduct" type="text" id="itemProduct" 
                                    			style="width: 35px; text-align: center; font-size: 11px; background-color:#FFC;" value="1"/>
                                </div>
                                <div class="col-row"  style="width: 60px;">$200</div>
                                <div class="col-row"  style="width: 60px;">$100</div>
                                <div class="col-row"  style="width: 70px;">$128</div>
                                <div class="clr"></div>
                            </div>
                           
                        </div>
                     	<div class="cartDetail-total"> Tổng số tiền bạn phải trả là: <span>$1200</span></div>
                        <div class="cartDetail-button">
                        	<input type="button" name="update" id="update" value="&laquo; Back Shop" class="button" onclick="window.location = 'abc.php'" /> 
                        	<input type="submit" name="update" id="update" value="Update Cart" class="button"  /> 
                            <input type="button" name="update" id="update" value="Order &raquo;" class="button"  onclick="window.location = 'abc.php'"/> 
                            
                        </div>
                        </form>
                  </div>
                </div>
            </div>
            <div id="right" style="position:relative;">
            <div id="block">
                        <div class="cart">
		                 	<div class="icon-cart">
                            	<div class="icon-text-1">
                                	Giỏ hàng
                                </div>
                                <div class="icon-text-2">
                                	Hiện nay có 0 sản phẩm 
                                </div>
                            </div> 			
		                 </div>
	                </div>
            	
                <div id="block">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title">TOP PRODUCTS</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
                     	<div class="top-book">
                        	<div class="item-right"> <a href="#" ><img src="images/ebook-001.jpg" /></a>
                            </div>
                            <div class="item-right"> <a href="#"><img src="images/ebook-001.jpg" /></a>
                            </div>
                            <div class="item-right"> <a href="#"><img src="images/ebook-001.jpg" /></a>
                            </div>
                        </div>
                     </div>
                </div>
            </div>
            
            
            <div class="clr"></div>
        </div>
    </div>
    <div id="footer">
    
    </div>
    
</div>
</body>
</html>
